<ion-header>
  <ion-navbar>
    <ion-title>
      分类
    </ion-title>
  </ion-navbar>

</ion-header>

<ion-content>
	<img src="../src/pages/test/1.png" />
	<div class="main">
		<i>
      <p class="p1">
        <img src="../src/pages/test/2.png" /><br />
        <span>全部分类</span>
      </p>
    </i>
    <i>
      <p class="p2">
        <img src="../src/pages/test/3.png" /><br />
        <span>大学考试</span>
      </p>
    </i>
		<i>
      <p class="p3">
        <img src="../src/pages/test/4.png" /><br />
        <span>夏冬令营</span>
      </p>
    </i>
		<i>
      <p class="p4">
        <img src="../src/pages/test/5.png" /><br />
        <span>实用口语</span>
      </p>
    </i>
		<i>
      <p class="p5">
        <img src="../src/pages/test/6.png" /><br />
        <span>实训营地</span>
      </p>
    </i>
    <i>
      <p class="p6">
        <img src="../src/pages/test/6.png" /><br />
        <span>实训营地</span>
      </p>
    </i>
	</div>
	<div style="top: 0px;" class="content has-header">
      <div style="border-bottom: 0px;" class="button-bar bar-light">
          <a class="button">四级</a>
          <a class="button">六级</a>
      </div>
      <div class="button-bar bar-light">
          <a class="button">专四</a>
          <a class="button">专八</a>
      </div>
      <hr style="height: 8px; margin: 0px;border-radius:0px;" />
      <div class="button-bar bar-light">
          <a (click)="openModal()" class="button">考研专业课</a>
          <a class="button">考研研究计划</a>
      </div>
      <div class="button-bar bar-light">
          <a class="button">考研集训营</a>
          <a class="button">寒假集训营</a>
      </div>
      <hr style="height: 8px; margin: 0px;" />
      <div class="button-bar bar-light">
          <a class="button">大学预科</a>
          <a class="button">考博</a>
      </div>
    </div>
</ion-content>
